<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0067)http://en.wikipedia.org/wiki/HSL_and_HSV#Conversion_from_HSV_to_RGB -->
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>HSL and HSV - Wikipedia, the free encyclopedia</TITLE>

<META http-equiv="Content-Style-Type" content="text/css">
<META name="generator" content="MediaWiki 1.16alpha-wmf">
<LINK rel="alternate" type="application/x-wiki" title="Edit this page" href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit">
<LINK rel="edit" title="Edit this page" href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit">
<LINK rel="apple-touch-icon" href="http://en.wikipedia.org/apple-touch-icon.png">
<LINK rel="shortcut icon" href="http://en.wikipedia.org/favicon.ico">
<LINK rel="search" type="application/opensearchdescription+xml" href="http://en.wikipedia.org/w/opensearch_desc.php" title="Wikipedia (en)">
<LINK rel="copyright" href="http://creativecommons.org/licenses/by-sa/3.0/">
<LINK rel="alternate" type="application/rss+xml" title="Wikipedia RSS Feed" href="http://en.wikipedia.org/w/index.php?title=Special:RecentChanges&feed=rss">
<LINK rel="alternate" type="application/atom+xml" title="Wikipedia Atom Feed" href="http://en.wikipedia.org/w/index.php?title=Special:RecentChanges&feed=atom">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/shared.css" type="text/css" media="screen">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/commonPrint.css" type="text/css" media="print">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/main.css" type="text/css" media="screen">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/main(1).css" type="text/css" media="handheld">
<!--[if lt IE 5.5000]><link rel="stylesheet" href="/skins-1.5/monobook/IE50Fixes.css?243z2" type="text/css" media="screen" /><![endif]-->
<!--[if IE 5.5000]><link rel="stylesheet" href="/skins-1.5/monobook/IE55Fixes.css?243z2" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="/skins-1.5/monobook/IE60Fixes.css?243z2" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/skins-1.5/monobook/IE70Fixes.css?243z2" type="text/css" media="screen" /><![endif]-->
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/index.php" type="text/css" media="all">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(1).php" type="text/css" media="print">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(2).php" type="text/css" media="handheld">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(3).php" type="text/css" media="all">
<LINK rel="stylesheet" href="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(4).php" type="text/css" media="all">
<SCRIPT type="text/javascript">
var skin="monobook",
stylepath="/skins-1.5",
wgArticlePath="/wiki/$1",
wgScriptPath="/w",
wgScriptExtension=".php",
wgScript="/w/index.php",
wgVariantArticlePath=false,
wgActionPaths={},
wgServer="http://en.wikipedia.org",
wgCanonicalNamespace="",
wgCanonicalSpecialPageName=false,
wgNamespaceNumber=0,
wgPageName="HSL_and_HSV",
wgTitle="HSL and HSV",
wgAction="view",
wgArticleId=252814,
wgIsArticle=true,
wgUserName=null,
wgUserGroups=null,
wgUserLanguage="en",
wgContentLanguage="en",
wgBreakFrames=false,
wgCurRevisionId=321595626,
wgVersion="1.16alpha-wmf",
wgEnableAPI=true,
wgEnableWriteAPI=true,
wgSeparatorTransformTable=["", ""],
wgDigitTransformTable=["", ""],
wgMainPageTitle="Main Page",
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "Wikipedia", "5": "Wikipedia talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk", "100": "Portal", "101": "Portal talk"},
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "wikipedia": 4, "wikipedia_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "portal": 100, "portal_talk": 101, "wp": 4, "wt": 5, "image": 6, "image_talk": 7},
wgMWSuggestTemplate="http://en.wikipedia.org/w/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
wgDBname="enwiki",
wgSearchNamespaces=[0],
wgMWSuggestMessages=["with suggestions", "no suggestions"],
wgRestrictionEdit=[],
wgRestrictionMove=[],
wgNotice="",
wgNoticeLocal="";
</SCRIPT>
<SCRIPT src="./HSL and HSV - Wikipedia, the free encyclopedia_files/wikibits.js" type="text/javascript"></SCRIPT>
<SCRIPT src="./HSL and HSV - Wikipedia, the free encyclopedia_files/ajax.js" type="text/javascript"></SCRIPT>
<SCRIPT src="./HSL and HSV - Wikipedia, the free encyclopedia_files/mwsuggest.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/centralnotice.js"></SCRIPT><STYLE type="text/css">
#centralNotice .siteNoticeSmall{display:none;}
#centralNotice .siteNoticeSmallAnon{display:none;}
#centralNotice .siteNoticeSmallUser{display:none;}
#centralNotice.collapsed .siteNoticeBig{display:none;}
#centralNotice.collapsed .siteNoticeSmall{display:block;}
#centralNotice.collapsed .siteNoticeSmallUser{display:block;}
#centralNotice.collapsed .siteNoticeSmallAnon{display:block;}
#centralNotice.anonnotice .siteNoticeSmallUser{display:none !important;}
#centralNotice.usernotice .siteNoticeSmallAnon{display:none !important;}
</STYLE>


<!--[if lt IE 7]><script type="text/javascript" src="/skins-1.5/common/IEFixes.js?243z2"></script>
	<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<SCRIPT src="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(5).php" type="text/javascript"></SCRIPT><SCRIPT src="./HSL and HSV - Wikipedia, the free encyclopedia_files/index(6).php" type="text/javascript"></SCRIPT>

</HEAD><BODY class="mediawiki ltr ns-0 ns-subject page-HSL_and_HSV skin-monobook">
	<DIV id="globalWrapper"><DIV id="anon-banner" class="noprint" style="position: absolute; z-index: 40; left: 155px; top: 1px; clear: both; float: left; font-size: 90%; font-style: italic; white-space: nowrap; ">Help us provide free content to the world by <A href="http://wikimediafoundation.org/wiki/Donate/Now/en?utm_source=enwiki_05&utm_medium=anon_donation_banner&utm_campaign=spontaneous_donation" class="extiw" title="foundation:Fundraising"><B>donating today</B></A>!</DIV>
		<DIV id="column-content">
	<DIV id="content">
		<A id="top"></A>
		<DIV id="siteNotice"><SCRIPT type="text/javascript">if (wgNotice != '') document.writeln(wgNotice);</SCRIPT></DIV>		<H1 id="firstHeading" class="firstHeading">HSL and HSV</H1>
		<DIV id="bodyContent">
			<H3 id="siteSub">From Wikipedia, the free encyclopedia</H3>
			<DIV id="contentSub"></DIV>
									<DIV id="jump-to-nav">Jump to: <A href="http://en.wikipedia.org/wiki/HSL_and_HSV#column-one">navigation</A>, <A href="http://en.wikipedia.org/wiki/HSL_and_HSV#searchInput">search</A></DIV>			<!-- start content -->
			<DIV class="thumb tright">
<DIV class="thumbinner" style="width:202px;"><A href="http://en.wikipedia.org/wiki/File:HSV_cylinder.png" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/200px-HSV_cylinder.png" width="200" height="160" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:HSV_cylinder.png" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
<I>HSV</I> arranged as a cylinder.</DIV>
</DIV>
</DIV>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:202px;"><A href="http://en.wikipedia.org/wiki/File:Color_cones.png" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/200px-Color_cones.png" width="200" height="213" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:Color_cones.png" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
<I>HSL</I> arranged as a double-cone.</DIV>
</DIV>
</DIV>
<P><B>HSL</B> and <B>HSV</B> are two related representations of points in an <A href="http://en.wikipedia.org/wiki/RGB_color_model" title="RGB color model">RGB color model</A> that attempt to describe perceptual color relationships more accurately than RGB, while remaining computationally simple. <I>HSL</I> stands for <A href="http://en.wikipedia.org/wiki/Hue" title="Hue"><B>h</B>ue</A>, <A href="http://en.wikipedia.org/wiki/Colorfulness" title="Colorfulness"><B>s</B>aturation</A> and <A href="http://en.wikipedia.org/wiki/Lightness_(color)" title="Lightness (color)"><B>l</B>ightness</A>, while <I>HSV</I> stands for <B>h</B>ue, <B>s</B>aturation and <A href="http://en.wikipedia.org/wiki/Value_(colorimetry)" title="Value (colorimetry)" class="mw-redirect"><B>v</B>alue</A>.</P>
<P><B>HSI</B> and <B>HSB</B> are alternative names for these concepts, often substituting <I>intensity</I> and <I>brightness</I> for lightness and/or value;<SUP id="cite_ref-dip_gonzalez_0-0" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-dip_gonzalez-0"><SPAN>[</SPAN>1<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-adobedoc_1-0" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-adobedoc-1"><SPAN>[</SPAN>2<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-coltut_2-0" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-coltut-2"><SPAN>[</SPAN>3<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-cs2tech_3-0" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-cs2tech-3"><SPAN>[</SPAN>4<SPAN>]</SPAN></A></SUP> their definitions are less standardized, but they are typically interpreted to be synonymous with HSL and HSV.</P>
<P>Both HSL and HSV can be thought of as describing colors as points in a <A href="http://en.wikipedia.org/wiki/Cylinder_(geometry)" title="Cylinder (geometry)">cylinder</A> (called a <A href="http://en.wikipedia.org/wiki/Color_solid" title="Color solid">color solid</A>) whose central axis ranges from <A href="http://en.wikipedia.org/wiki/Black" title="Black">black</A> at the bottom to <A href="http://en.wikipedia.org/wiki/White" title="White">white</A> at the top, with <A href="http://en.wikipedia.org/wiki/Grey" title="Grey">neutral colors</A> between them. The angle around the axis corresponds to “hue”, the distance from the axis corresponds to “saturation”, and the distance along the axis corresponds to “lightness”, “value” or “brightness”.</P>
<P>The two representations are similar in purpose, but differ somewhat in approach. Both are mathematically cylindrical, but while HSV (hue, saturation, value) can be thought of conceptually as an inverted <A href="http://en.wikipedia.org/wiki/Cone_(geometry)" title="Cone (geometry)">cone</A> of colors (with a black point at the bottom, and fully-saturated colors around a circle at the top), HSL conceptually represents a double-cone or sphere (with white at the top, black at the bottom, and the fully-saturated colors around the edge of a horizontal cross-section with middle gray at its center). Note that while “hue” in HSL and HSV refers to the same attribute, their definitions of “saturation” differ dramatically.</P>
<P>Because HSL and HSV are simple transformations of device-dependent RGB models, the physical colors defined by (<I>h</I>, <I>s</I>, <I>l</I>) or (<I>h</I>, <I>s</I>, <I>v</I>) <A href="http://en.wikipedia.org/wiki/Tuple#Names_of_tuples" title="Tuple">triplets</A> depend on the colors of the <A href="http://en.wikipedia.org/wiki/Red" title="Red">red</A>, <A href="http://en.wikipedia.org/wiki/Green" title="Green">green</A>, and <A href="http://en.wikipedia.org/wiki/Blue" title="Blue">blue</A> <A href="http://en.wikipedia.org/wiki/Primary_color#Additive_primaries" title="Primary color">primaries</A> of the device or of the particular RGB space, and on the <A href="http://en.wikipedia.org/wiki/Gamma_compression" title="Gamma compression" class="mw-redirect">gamma compression</A> used to represent the amounts of those primaries. Each unique RGB device therefore has unique HSL and HSV spaces to accompany it, and an (<I>h</I>, <I>s</I>, <I>l</I>) or (<I>h</I>, <I>s</I>, <I>v</I>) triplet can therefore become definite when it is tied to a particular <A href="http://en.wikipedia.org/wiki/RGB_color_space" title="RGB color space">RGB color space</A> (such as <A href="http://en.wikipedia.org/wiki/SRGB" title="SRGB">sRGB</A>).</P>
<P>Both models were first formally described in 1978 by <A href="http://en.wikipedia.org/wiki/Alvy_Ray_Smith" title="Alvy Ray Smith">Alvy Ray Smith</A>, though the concept of describing colors in three dimensions dates to the 18th century (see section below).<SUP id="cite_ref-4" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-4"><SPAN>[</SPAN>5<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-5" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-5"><SPAN>[</SPAN>6<SPAN>]</SPAN></A></SUP></P>
<TABLE id="toc" class="toc">
<TBODY><TR>
<TD>
<DIV id="toctitle">
<H2>Contents</H2>
 <SPAN class="toctoggle">[<A id="togglelink" class="internal" href="javascript:toggleToc()">hide</A>]</SPAN></DIV>
<UL>
<LI class="toclevel-1 tocsection-1"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Usage"><SPAN class="tocnumber">1</SPAN> <SPAN class="toctext">Usage</SPAN></A></LI>
<LI class="toclevel-1 tocsection-2"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Comparison_of_HSL_and_HSV"><SPAN class="tocnumber">2</SPAN> <SPAN class="toctext">Comparison of HSL and HSV</SPAN></A></LI>
<LI class="toclevel-1 tocsection-3"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Comparison_with_other_color_models"><SPAN class="tocnumber">3</SPAN> <SPAN class="toctext">Comparison with other color models</SPAN></A></LI>
<LI class="toclevel-1 tocsection-4"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Comparison_with_color_science"><SPAN class="tocnumber">4</SPAN> <SPAN class="toctext">Comparison with color science</SPAN></A></LI>
<LI class="toclevel-1 tocsection-5"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Spherical_and_other_3D_mappings"><SPAN class="tocnumber">5</SPAN> <SPAN class="toctext">Spherical and other 3D mappings</SPAN></A></LI>
<LI class="toclevel-1 tocsection-6"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Formal_specifications"><SPAN class="tocnumber">6</SPAN> <SPAN class="toctext">Formal specifications</SPAN></A>
<UL>
<LI class="toclevel-2 tocsection-7"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Conversion_from_RGB_to_HSL_overview"><SPAN class="tocnumber">6.1</SPAN> <SPAN class="toctext">Conversion from RGB to HSL overview</SPAN></A></LI>
<LI class="toclevel-2 tocsection-8"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Conversion_from_RGB_to_HSL_or_HSV"><SPAN class="tocnumber">6.2</SPAN> <SPAN class="toctext">Conversion from RGB to HSL or HSV</SPAN></A></LI>
<LI class="toclevel-2 tocsection-9"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Conversion_from_HSL_to_RGB"><SPAN class="tocnumber">6.3</SPAN> <SPAN class="toctext">Conversion from HSL to RGB</SPAN></A></LI>
<LI class="toclevel-2 tocsection-10"><A href="./HSL and HSV - Wikipedia, the free encyclopedia_files/HSL and HSV - Wikipedia, the free encyclopedia.htm"><SPAN class="tocnumber">6.4</SPAN> <SPAN class="toctext">Conversion from HSV to RGB</SPAN></A></LI>
<LI class="toclevel-2 tocsection-11"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Examples"><SPAN class="tocnumber">6.5</SPAN> <SPAN class="toctext">Examples</SPAN></A></LI>
</UL>
</LI>
<LI class="toclevel-1 tocsection-12"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#Software_support"><SPAN class="tocnumber">7</SPAN> <SPAN class="toctext">Software support</SPAN></A></LI>
<LI class="toclevel-1 tocsection-13"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#References"><SPAN class="tocnumber">8</SPAN> <SPAN class="toctext">References</SPAN></A></LI>
<LI class="toclevel-1 tocsection-14"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#See_also"><SPAN class="tocnumber">9</SPAN> <SPAN class="toctext">See also</SPAN></A></LI>
<LI class="toclevel-1 tocsection-15"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#External_links"><SPAN class="tocnumber">10</SPAN> <SPAN class="toctext">External links</SPAN></A></LI>
</UL>
</TD>
</TR>
</TBODY></TABLE>
<SCRIPT type="text/javascript">
//<![CDATA[
if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } 
//]]>
</SCRIPT>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=1" title="Edit section: Usage">edit</A>]</SPAN> <SPAN class="mw-headline" id="Usage">Usage</SPAN></H2>
<TABLE class="metadata plainlinks ambox ambox-content" style="">
<TBODY><TR>
<TD class="mbox-image">
<DIV style="width: 52px;"><IMG alt="Question book-new.svg" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/50px-Question_book-new.svg.png" width="50" height="39"></DIV>
</TD>
<TD class="mbox-text" style="">This section called "Usage" <B>does not <A href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources" title="Wikipedia:Citing sources">cite</A> any <A href="http://en.wikipedia.org/wiki/Wikipedia:Verifiability" title="Wikipedia:Verifiability">references or sources</A></B>. Please help <A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit" class="external text" rel="nofollow">improve this article</A> by adding citations to <A href="http://en.wikipedia.org/wiki/Wikipedia:Reliable_sources" title="Wikipedia:Reliable sources">reliable sources</A>. Unsourced material may be <A href="http://en.wikipedia.org/wiki/Template:Citation_needed" title="Template:Citation needed">challenged</A> and <A href="http://en.wikipedia.org/wiki/Wikipedia:Verifiability#Burden_of_evidence" title="Wikipedia:Verifiability">removed</A>. <SMALL><I>(August 2009)</I></SMALL></TD>
</TR>
</TBODY></TABLE>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:402px;"><A href="http://en.wikipedia.org/wiki/File:HSV_triangle_and_cone.png" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/400px-HSV_triangle_and_cone.png" width="400" height="178" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:HSV_triangle_and_cone.png" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
An HSV color wheel (left) allows the user to quickly select a multitude of colors. The conical representation (right) of the HSV model is well-suited to visualizing the entire HSV color space as a single object. Notice that the triangle in the left image corresponds to one face of the cone cross section in the right image.</DIV>
</DIV>
</DIV>
<P>It is sometimes preferable in working with art materials, digitized images, or other media, to use the HSV or HSL color model over alternative models such as <A href="http://en.wikipedia.org/wiki/RGB" title="RGB" class="mw-redirect">RGB</A> or <A href="http://en.wikipedia.org/wiki/CMYK" title="CMYK" class="mw-redirect">CMYK</A>, because of differences in the ways the models emulate how humans perceive color. RGB and CMYK are <A href="http://en.wikipedia.org/wiki/Additive_color" title="Additive color">additive</A> and <A href="http://en.wikipedia.org/wiki/Subtractive_color" title="Subtractive color">subtractive</A> models, respectively, modelling the way that <A href="http://en.wikipedia.org/wiki/Primary_color" title="Primary color">primary color</A> lights or pigments (respectively) combine to form new colors when mixed.</P>
<P>The HSV model is commonly used in computer <A href="http://en.wikipedia.org/wiki/Graphics_program" title="Graphics program" class="mw-redirect">graphics applications</A>. In various application contexts, a user must choose a color to be applied to a particular graphical element. When used in this way, the HSV <A href="http://en.wikipedia.org/wiki/Color_wheel" title="Color wheel">color wheel</A> is often used. In it, the hue is represented by a circular region; a separate triangular region may be used to represent saturation and value. Typically, the vertical axis of the triangle indicates saturation, while the horizontal axis corresponds to value. In this way, a color can be chosen by first picking the hue from the circular region, then selecting the desired saturation and value from the triangular region.</P>
<P>Another visualization method of the HSV model is the cone. In this representation, the hue is depicted as a three-dimensional conical formation of the color wheel. The saturation is represented by the distance from the center of a circular cross-section of the cone, and the value is the distance from the pointed end of the cone. Some representations use a hexagonal cone, or <I>hexcone</I>, instead of a circular cone. This method is well-suited to visualizing the entire HSV color space in a single object; however, due to its three-dimensional nature, it is not well-suited to color selection in two-dimensional computer interfaces.</P>
<P>The HSV color space could also be visualized as a cylindrical object; similar to the cone above, the hue varies along the outer circumference of a cylinder, with saturation again varying with distance from the center of a circular cross-section. Value again varies from top to bottom. Such a representation might be considered the most mathematically accurate model of the HSV color space; however, in practice the number of visually distinct saturation levels and hues decreases as the value approaches black. Additionally, computers typically store RGB values with a limited range of precision; the constraints of precision, coupled with the limitations of human color perception, make the cone visualization more practical in most cases.</P>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=2" title="Edit section: Comparison of HSL and HSV">edit</A>]</SPAN> <SPAN class="mw-headline" id="Comparison_of_HSL_and_HSV">Comparison of HSL and HSV</SPAN></H2>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:402px;"><A href="http://en.wikipedia.org/wiki/File:HSL_HSV_cylinder_color_solid_comparison.png" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/400px-HSL_HSV_cylinder_color_solid_comparison.png" width="400" height="159" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:HSL_HSV_cylinder_color_solid_comparison.png" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
Comparison of the HSL (left) and HSV (right) color models.</DIV>
</DIV>
</DIV>
<P>HSL is similar to HSV. For some people, HSL better reflects the intuitive notion of "saturation" and "lightness" as two independent parameters, but for others its definition of saturation is wrong, as for example a very pastel, almost white color can be defined as fully saturated in HSL. It might be controversial, though, whether HSV or HSL is more suitable for use in human user interfaces.</P>
<P>The <A href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS_3" title="Cascading Style Sheets">CSS3</A> specification from the <A href="http://en.wikipedia.org/wiki/W3C" title="W3C" class="mw-redirect">W3C</A> states, "Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the case with HSV for example)…" This means that:</P>
<UL>
<LI>In HSL, the Saturation component always goes from fully saturated color to the equivalent gray (in HSV, with V at maximum, it goes from saturated color to white, which may be considered counterintuitive).</LI>
<LI>The Lightness in HSL always spans the entire range from black through the chosen hue to white (in HSV, the V component only goes half that way, from black to the chosen hue).</LI>
</UL>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=3" title="Edit section: Comparison with other color models">edit</A>]</SPAN> <SPAN class="mw-headline" id="Comparison_with_other_color_models">Comparison with other color models</SPAN></H2>
<TABLE class="metadata plainlinks ambox mbox-small-left ambox-notice" style="">
<TBODY><TR>
<TD class="mbox-image"><A href="http://en.wikipedia.org/wiki/File:Wiki_letter_w.svg" class="image"><IMG alt="Wiki letter w.svg" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/20px-Wiki_letter_w.svg.png" width="20" height="20"></A></TD>
<TD class="mbox-text" style="">This section requires <A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit" class="external text" rel="nofollow">expansion</A>.</TD>
</TR>
</TBODY></TABLE>
<P>The HSV <A href="http://en.wikipedia.org/w/index.php?title=Tristimulus_space&action=edit&redlink=1" class="new" title="Tristimulus space (page does not exist)">tristimulus space</A> does not technically support a one-to-one mapping to physical <A href="http://en.wikipedia.org/wiki/Power_spectrum" title="Power spectrum" class="mw-redirect">power spectra</A> as measured in <A href="http://en.wikipedia.org/wiki/Radiometry" title="Radiometry">radiometry</A>. Thus it is not generally advisable to try to make direct comparisons between HSV coordinates and physical light properties such as <A href="http://en.wikipedia.org/wiki/Wavelength" title="Wavelength">wavelength</A> or <A href="http://en.wikipedia.org/wiki/Amplitude" title="Amplitude">amplitude</A>.</P>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=4" title="Edit section: Comparison with color science">edit</A>]</SPAN> <SPAN class="mw-headline" id="Comparison_with_color_science">Comparison with color science</SPAN></H2>
<P>The terms attributed to the "L" and "V" components of the HSL and HSV color models may be misleading since they have little to do with color science definitions of the terms. In <A href="http://en.wikipedia.org/wiki/Photometry" title="Photometry">photometry</A>, concepts such as lightness and luminance relate to a weighted spectrum, in which green is much more luminous than blue, and red is between; but in HSL and HSV, the "L" and "V" dimensions treat the three color channels equally.</P>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/Lightness_(color)" title="Lightness (color)">Lightness</A> or <A href="http://en.wikipedia.org/wiki/Value_(colorimetry)" title="Value (colorimetry)" class="mw-redirect">value</A> refers to the perceived reflectance of a surface,<SUP id="cite_ref-6" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-6"><SPAN>[</SPAN>7<SPAN>]</SPAN></A></SUP> or to relative luminous reflectance of a colored surface patch.</LI>
</UL>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/Luminance_(relative)" title="Luminance (relative)">Luminance</A> typically refers to relative luminance, which is based on the <A href="http://en.wikipedia.org/wiki/Luminance" title="Luminance">photometric definition of luminance</A> but normalized with respect to a reference white.</LI>
</UL>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/Luminosity" title="Luminosity">Luminosity</A> typically (and incorrectly) refers to relative luminance. This usage was popularized by <A href="http://en.wikipedia.org/wiki/Adobe_Photoshop" title="Adobe Photoshop">Adobe Photoshop</A>; in the documentation of the CS3 version, the <I>luminosity</I> blending mode is still present, but is described in terms of <I>luminance</I>: "Luminosity: Creates a result color with the hue and saturation of the base color and the luminance of the blend color."<SUP id="cite_ref-7" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-7"><SPAN>[</SPAN>8<SPAN>]</SPAN></A></SUP></LI>
</UL>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=5" title="Edit section: Spherical and other 3D mappings">edit</A>]</SPAN> <SPAN class="mw-headline" id="Spherical_and_other_3D_mappings">Spherical and other 3D mappings</SPAN></H2>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:408px;">
<TABLE style="background: transparent; border: 0; padding: 0; margin: 0; width:404px;" cellspacing="0">
<TBODY><TR style="vertical-align:middle;">
<TD style="padding: auto; margin: 0;" class="thumbimage"><A href="http://en.wikipedia.org/wiki/File:Runge_Farbenkugel.jpg" class="image" title="Color sphere of Runge, 1810."><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/200px-Runge_Farbenkugel.jpg" width="200" height="228"></A></TD>
<TD style="padding: 0; margin: 0; border: 0; width: 2px">
<TD style="padding: auto; margin: 0;" class="thumbimage"><A href="http://en.wikipedia.org/wiki/File:Munsell_color_sphere.png" class="image" title="Color sphere of Munsell, 1900."><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/200px-Munsell_color_sphere.png" width="200" height="227"></A></TD>
</TR>
<TR style="vertical-align:top;">
<TD style="padding: 0; margin: 0; border: 0;">
<DIV class="thumbcaption">Color sphere of Runge, 1810.</DIV>
</TD>
<TD style="padding: 0; margin: 0; border: 0;">
<TD style="padding: 0; margin: 0; border: 0;">
<DIV class="thumbcaption">Color sphere of Munsell, 1900.</DIV>
</TD>
</TR>
</TBODY></TABLE>
</DIV>
</DIV>
<P>HSL and HSV are related to older, three-dimensional <A href="http://en.wikipedia.org/wiki/Color_solid" title="Color solid">color-order systems</A> such as <A href="http://en.wikipedia.org/wiki/Philipp_Otto_Runge" title="Philipp Otto Runge">Philipp Otto Runge</A>'s color sphere (<I>Farbenkugel</I>) and the <A href="http://en.wikipedia.org/wiki/Munsell_color_system" title="Munsell color system">Munsell color system</A>, both of which are structured around a neutral black-to-white axis, with <I>lightness</I> extending along the polar axis, <I>hue</I> represented by longitude, and <I>saturation</I> a fraction of the radius of the disk at a constant lightness or latitude. Munsell refers to the <A href="http://en.wikipedia.org/wiki/Colorfulness" title="Colorfulness">colorfulness</A> dimension as <A href="http://en.wikipedia.org/wiki/Chroma_(color)" title="Chroma (color)" class="mw-redirect">chroma</A> rather than <I>saturation</I>, but uses <I>hue</I> and <I>lightness</I> in the same way as HSL. Modern works also sometimes use this spherical model.<SUP id="cite_ref-8" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-8"><SPAN>[</SPAN>9<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-9" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-9"><SPAN>[</SPAN>10<SPAN>]</SPAN></A></SUP></P>
<P>Since the entire top and bottom surfaces of the HSL cylinder are white and black, respectively, no information is lost when collapsing them to points at the sphere's poles. The same is true for the HSL bi-cone, another popular way to shrink the white and black surfaces to points.<SUP id="cite_ref-10" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-10"><SPAN>[</SPAN>11<SPAN>]</SPAN></A></SUP><SUP id="cite_ref-11" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-11"><SPAN>[</SPAN>12<SPAN>]</SPAN></A></SUP> The bi-cone fits the same description as the sphere given above, but with a different profile of radius versus lightness. For HSV, on the other hand, the top surface of the cylinder is not white, so only the bottom surface can be collapsed to a point, resulting in the popular mapping to a cone.</P>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=6" title="Edit section: Formal specifications">edit</A>]</SPAN> <SPAN class="mw-headline" id="Formal_specifications">Formal specifications</SPAN></H2>
<TABLE style="background:transparent; float:right; margin:0 0 0.5em 1em;&nbsp;;">
<TBODY><TR>
<TD>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:308px;">
<TABLE style="background: transparent; border: 0; padding: 0; margin: 0; width:304px;" cellspacing="0">
<TBODY><TR style="vertical-align:middle;">
<TD style="padding: auto; margin: 0;" class="thumbimage"><A href="http://en.wikipedia.org/wiki/File:Barns_grand_tetons_HSL_separation.jpg" class="image" title="An RGB image of the John Moulton Barn at the base of the Teton Range, along with its h, s and l components."><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/150px-Barns_grand_tetons_HSL_separation.jpg" width="150" height="446"></A></TD>
<TD style="padding: 0; margin: 0; border: 0; width: 2px">
<TD style="padding: auto; margin: 0;" class="thumbimage"><A href="http://en.wikipedia.org/wiki/File:Barns_grand_tetons_HSV_separation.jpg" class="image" title="The same image, but with its h, s and v components displayed instead.  Compare the dark on the left side of the barn roof and the white of the snow; though one is much brighter than the other, these near-neutral colors both have low saturation. Notice that the green grass is highly saturated and of moderate brightness, while the blue of the mountains has consistent hue but widely varying brightness and saturation, and the sky has constant hue and brightness but varying saturation."><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/150px-Barns_grand_tetons_HSV_separation.jpg" width="150" height="449"></A></TD>
</TR>
<TR style="vertical-align:top;">
<TD style="padding: 0; margin: 0; border: 0;">
<DIV class="thumbcaption">An RGB image of the John Moulton Barn at the base of the <A href="http://en.wikipedia.org/wiki/Teton_Range" title="Teton Range">Teton Range</A>, along with its <I>h</I>, <I>s</I> and <I>l</I> components.</DIV>
</TD>
<TD style="padding: 0; margin: 0; border: 0;">
<TD style="padding: 0; margin: 0; border: 0;">
<DIV class="thumbcaption">The same image, but with its <I>h</I>, <I>s</I> and <I>v</I> components displayed instead. Compare the dark on the left side of the barn roof and the white of the snow; though one is much brighter than the other, these near-neutral colors both have low saturation. Notice that the green grass is highly saturated and of moderate brightness, while the blue of the mountains has consistent hue but widely varying brightness and saturation, and the sky has constant hue and brightness but varying saturation.</DIV>
</TD>
</TR>
</TBODY></TABLE>
</DIV>
</DIV>
</TD>
</TR>
</TBODY></TABLE>
<P>HSL and HSV are defined mathematically by transformations between the <I>r</I>, <I>g</I>, and <I>b</I> color coordinates in the RGB model and the <I>h</I>, <I>s</I>, <I>l</I>, and <I>v</I> coordinates in the HSL and HSV models.<SUP id="cite_ref-12" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-12"><SPAN>[</SPAN>13<SPAN>]</SPAN></A></SUP></P>
<H3><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=7" title="Edit section: Conversion from RGB to HSL overview">edit</A>]</SPAN> <SPAN class="mw-headline" id="Conversion_from_RGB_to_HSL_overview">Conversion from RGB to HSL overview</SPAN></H3>
<P>The logic of the conversion is as follows:</P>
<P><B>Lightness:</B> In RGB, the closer we are to the <I>MAX</I> RGB value for each <I>r</I>, <I>g</I> , <I>b</I> the closer we are getting to white, and thus the closer we are getting to full brightness. So lightness is dependent on how close our average RGB values are to white.</P>
<P><B>Saturation:</B> There are two factors that determine the "strength" of the saturation. The first is the distances between the different RGB values. The closer they are together, the more the RGB values neutralize each other, and the less the hue is emphasized, thus lowering the saturation. (<I>R</I> = <I>G</I> = <I>B</I> means no saturation at all.) The second factor is the distance the RGB values are from the midpoint. This is because the closer they are to 0, the darker they are until they are totally black (and thus no saturation); and, the closer they get to <I>MAX</I> value, the brighter they are until they are until totally white (and once again no saturation).</P>
<P><B>Hue:</B> The logic here is to map the RGB values to different hues on a circle circumference.</P>
<H3><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=8" title="Edit section: Conversion from RGB to HSL or HSV">edit</A>]</SPAN> <SPAN class="mw-headline" id="Conversion_from_RGB_to_HSL_or_HSV">Conversion from RGB to HSL or HSV</SPAN></H3>
<P>Let <I>r</I>, <I>g</I>, <I>b</I> ∈ [0,1] be the red, green, and blue coordinates, respectively, of a color in RGB space.</P>
<P>Let <I>max</I> be the greatest of <I>r</I>, <I>g</I>, and <I>b</I>, and <I>min</I> the least.</P>
<P>To find the hue angle <I>h</I> ∈ [0, 360] for either HSL or HSV space, compute:</P>
<DL>
<DD><IMG class="tex" alt="
h =
\begin{cases}
0, &amp; \mbox{if } \max = \min \\
(60^\circ \times \frac{g - b}{\max - \min} + 360^\circ)\;\bmod\;360^\circ,   &amp; \mbox{if } \max = r \\
60^\circ \times \frac{b - r}{\max - \min} + 120^\circ, &amp; \mbox{if } \max = g \\
60^\circ \times \frac{r - g}{\max - \min} + 240^\circ, &amp; \mbox{if } \max = b
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/d91794572efba73bf8a71044b2a0cb1c.png"></DD>
</DL>
<P>To find saturation and lightness <I>s</I>, <I>l</I> ∈ [0,1] for HSL space, compute:</P>
<DL>
<DD><IMG class="tex" alt="l = \tfrac{1}{2} (\max + \min)" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/ea4144c894c348ad5a3281955583d93a.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="
s = 
\begin{cases}
0, &amp; \mbox{if } \max = \min \\
\frac{\max-\min}{\max+\min} = \frac{\max-\min}{2l}, &amp; \mbox{if } l \leq \frac{1}{2} \\
\frac{\max-\min}{2-(\max+\min)} = \frac{\max-\min}{2-2l}, &amp; \mbox{if } l &gt; \frac{1}{2} 
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/3986b2c56462d222b277df38e411be4b.png"></DD>
</DL>
<P>The value of <I>h</I> is generally normalized to lie between 0 and 360°, and <I>h</I> = 0 is used when <I>max</I> = <I>min</I> (that is, for grays) though the hue has no geometric meaning there, where the saturation <I>s</I> = 0. Similarly, the choice of 0 as the value for <I>s</I> when <I>l</I> is equal to 0 or 1 is arbitrary.</P>
<P>HSL and HSV have the same definition of <A href="http://en.wikipedia.org/wiki/Hue" title="Hue">hue</A>, but the other components differ. The values for <I>s</I> and <I>v</I> of an HSV color are defined as follows:</P>
<DL>
<DD><IMG class="tex" alt="s = 
\begin{cases}
0, &amp; \mbox{if } \max = 0 \\
\frac{\max - \min}{\max} = 1 - \frac{\min}{\max}, &amp; \mbox{otherwise}
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/abad26f283ce971fdfef555f1f7075f5.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="v = \max \," src="./HSL and HSV - Wikipedia, the free encyclopedia_files/19e505356ffd7a8e769d1a9cc694b163.png"></DD>
</DL>
<P>The range of HSV and HSL vectors is a cube in the <A href="http://en.wikipedia.org/wiki/Cartesian_coordinate_system" title="Cartesian coordinate system">cartesian coordinate system</A>; but since hue is really a cyclic property, it is not so necessary or appropriate to unwrap it, with a cut at 0 (red), into a linear coordinate. Therefore, visualizations of these spaces usually involve hue circles;<SUP id="cite_ref-13" class="reference"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_note-13"><SPAN>[</SPAN>14<SPAN>]</SPAN></A></SUP> <A href="http://en.wikipedia.org/wiki/Cylindrical_coordinate_system" title="Cylindrical coordinate system">cylindrical</A> and conical (bi-conical for HSL) depictions are most popular; <A href="http://en.wikipedia.org/wiki/Spherical_coordinate_system" title="Spherical coordinate system">spherical</A> depictions and other <A href="http://en.wikipedia.org/wiki/Color_solid" title="Color solid">color solids</A> are also possible.</P>
<H3><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=9" title="Edit section: Conversion from HSL to RGB">edit</A>]</SPAN> <SPAN class="mw-headline" id="Conversion_from_HSL_to_RGB">Conversion from HSL to RGB</SPAN></H3>
<P>Given a color defined by (<I>h</I>, <I>s</I>, <I>l</I>) values in HSL space, with <I>h</I> in the <A href="http://en.wikipedia.org/wiki/Semi-open_interval#Excluding_the_endpoints" title="Semi-open interval" class="mw-redirect">semi-open interval</A> [0, 360), indicating the angle, in degrees of the hue, and with <I>s</I> and <I>l</I> in the range [0, 1], representing the saturation and lightness, respectively, a corresponding (<I>r</I>, <I>g</I>, <I>b</I>) triplet in RGB space, with <I>r</I>, <I>g</I>, and <I>b</I> also in range [0, 1], and corresponding to red, green, and blue, respectively, can be computed as follows:</P>
<P>First, if <I>s</I> = 0, then the resulting color is achromatic, or gray. In this special case, <I>r</I>, <I>g</I>, and <I>b</I> all equal <I>l</I>. Note that the value of <I>h</I> is ignored, and may be undefined in this situation.</P>
<P>The following procedure can be used, even when <I>s</I> is zero:</P>
<DL>
<DD><IMG class="tex" alt="q=
\begin{cases}
l \times (1+s), &amp; \mbox{if } l &lt; \frac{1}{2} \\
l+s-(l \times s), &amp; \mbox{if } l \ge \frac{1}{2}
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/db0e5a3fc63cc0d22d9ce96d7b63d5dc.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="p = 2 \times l - q \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/c45d0ef419f3551e468f0cee92e9c97d.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="h_k = {h \over 360} \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/755192e027c69c80e8b19b0caedda35f.png"> (<I>h</I> normalized to be in the range [0,1])</DD>
</DL>
<DL>
<DD><IMG class="tex" alt="t_R = h_k+\frac{1}{3} \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/a27cfc668db9169bc83d8dde8aa34db0.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="t_G = h_k \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/bb1649fc338774b000ac5f935837f2a4.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="t_B = h_k-\frac{1}{3} \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/3d43d937f4c93c4585ec78b949717de4.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="\mbox{if } t_C &lt; 0 \rightarrow t_C = t_C + 1.0 \quad \mbox{for each}\,C \in \{R,G,B\}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/b93b40df2890bef3e56dbfec9c9624f8.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="\mbox{if } t_C &gt; 1 \rightarrow t_C = t_C - 1.0 \quad \mbox{for each}\,C \in \{R,G,B\}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/a240aa3028395b9786aabc5b8b173ef9.png"></DD>
</DL>
<P>The above operation is a modulo, so it can be simply expressed as&nbsp;:</P>
<DL>
<DD><IMG class="tex" alt="t_c = t_c \mod 1" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/2895b97ab6269fcff91d8b938746d169.png"></DD>
</DL>
<P>Compute each color component <I>Color<SUB>C</SUB></I> of the <A href="http://en.wikipedia.org/wiki/Coordinate_vector" title="Coordinate vector">vector</A> (<I>Color<SUB>R</SUB></I>, <I>Color<SUB>G</SUB></I>, <I>Color<SUB>B</SUB></I>) = (<I>r</I>, <I>g</I>, <I>b</I>),</P>
<DL>
<DD><IMG class="tex" alt="{Color}_C =
\begin{cases}
p+ \left((q-p) \times 6 \times t_C\right), &amp; \mbox{if } t_C &lt; \frac{1}{6}  \\
q, &amp; \mbox{if } \frac{1}{6} \le t_C &lt; \frac{1}{2}  \\
p+\left((q-p) \times 6 \times (\frac{2}{3} - t_C) \right), &amp; \mbox{if } \frac{1}{2} \le t_C &lt; \frac{2}{3} \\
p, &amp; \mbox{otherwise }
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/3c8e95a401f1c02c36b209b92d99a1ba.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="\mbox{for each}\,C \in \{R,G,B\}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/1043754dcab8582b0d28b3b5ea5f8301.png"></DD>
</DL>
<H3><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=10" title="Edit section: Conversion from HSV to RGB">edit</A>]</SPAN> <SPAN class="mw-headline" id="Conversion_from_HSV_to_RGB">Conversion from HSV to RGB</SPAN></H3>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:302px;"><A href="http://en.wikipedia.org/wiki/File:HSV-RGB-comparison.svg" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/300px-HSV-RGB-comparison.svg.png" width="300" height="220" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:HSV-RGB-comparison.svg" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
An illustration of the relationship between the “hue” of maximally saturated colors in HSV and HSL with their corresponding RGB coordinates.</DIV>
</DIV>
</DIV>
<P>Similarly, given a color defined by (<I>h</I>, <I>s</I>, <I>v</I>) values in HSV space, with <I>h</I> as above, and with <I>s</I> and <I>v</I> varying between 0 and 1, representing the saturation and value, respectively, a corresponding (<I>r</I>, <I>g</I>, <I>b</I>) triplet in RGB space can be computed:</P>
<DL>
<DD><IMG class="tex" alt="h_i = \left\lfloor \frac{h}{60} \right\rfloor \mod 6" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/8a6f6b241f190ea93d38c2f8ed39edb2.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="f = \frac{h}{60} - \left\lfloor \frac{h}{60} \right\rfloor " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/77af8c69d148851348c354d210e1b238.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="p = v \times (1 - s) \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/af329ff7ccc2d0224c6a708cbeff856c.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="q = v \times (1 - f \times s) \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/d4e0bad232cddc61bc3f94909c959969.png"></DD>
</DL>
<DL>
<DD><IMG class="tex" alt="t = v \times (1 - (1 - f) \times s) \, " src="./HSL and HSV - Wikipedia, the free encyclopedia_files/80d0f7a60402e41cec728d700309c228.png"></DD>
</DL>
<P>Compute color vector (<I>r</I>, <I>g</I>, <I>b</I>),</P>
<DL>
<DD><IMG class="tex" alt="(r, g, b) = 
\begin{cases}
(v, t, p), &amp; \mbox{if } h_i = 0  \\
(q, v, p), &amp; \mbox{if } h_i = 1  \\
(p, v, t), &amp; \mbox{if } h_i = 2  \\
(p, q, v), &amp; \mbox{if } h_i = 3  \\
(t, p, v), &amp; \mbox{if } h_i = 4  \\
(v, p, q), &amp; \mbox{if } h_i = 5  \\
\end{cases}" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/5423dd82c7416c1f98e52e2bf1c4585b.png"></DD>
</DL>
<H3><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=11" title="Edit section: Examples">edit</A>]</SPAN> <SPAN class="mw-headline" id="Examples">Examples</SPAN></H3>
<P>The <I>R</I>, <I>G</I>, <I>B</I>, <I>S</I> and <I>L</I> values shown below are in the range of 0.0 to 1.0. The <I>H</I> values are in the range of 0° to 360°.</P>
<TABLE class="wikitable" cellpadding="2">
<TBODY><TR>
<TH>RGB</TH>
<TH>HSL</TH>
<TH>HSV</TH>
<TH width="75">Result</TH>
</TR>
<TR>
<TD>(1, 0, 0)</TD>
<TD>(0°, 1, 0.5)</TD>
<TD>(0°, 1, 1)</TD>
<TD style="background:#ff0000;">&nbsp;</TD>
</TR>
<TR>
<TD>(0.5, 1, 0.5)</TD>
<TD>(120°, 1, 0.75)</TD>
<TD>(120°, 0.5, 1)</TD>
<TD style="background:#80ff80;">&nbsp;</TD>
</TR>
<TR>
<TD>(0, 0, 0.5)</TD>
<TD>(240°, 1, 0.25)</TD>
<TD>(240°, 1, 0.5)</TD>
<TD style="background:#000080;">&nbsp;</TD>
</TR>
</TBODY></TABLE>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=12" title="Edit section: Software support">edit</A>]</SPAN> <SPAN class="mw-headline" id="Software_support">Software support</SPAN></H2>
<DIV class="thumb tright">
<DIV class="thumbinner" style="width:302px;"><A href="http://en.wikipedia.org/wiki/File:Gimp_color_selector_03.gif" class="image"><IMG alt="" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/Gimp_color_selector_03.gif" width="300" height="206" class="thumbimage"></A>
<DIV class="thumbcaption">
<DIV class="magnify"><A href="http://en.wikipedia.org/wiki/File:Gimp_color_selector_03.gif" class="internal" title="Enlarge"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/magnify-clip.png" width="15" height="11" alt=""></A></DIV>
The <A href="http://en.wikipedia.org/wiki/GIMP" title="GIMP">GIMP</A> supports several methods of picking colors within the HSV color model, including the color wheel and a colored square with a hue slider.</DIV>
</DIV>
</DIV>
<P>In software, a hue-based color model (HSV or HSL) is usually presented to the user in the form of a linear or circular hue chooser and a two-dimensional area (usually a square or a triangle) where the user can choose saturation and value/lightness for the selected hue. With this representation, the difference between HSV and HSL is irrelevant. However, many programs also let the user select a color via linear sliders or numeric entry fields, and for those controls, usually either HSL or HSV (not both) are used. HSV is traditionally more common. Here are some examples:</P>
<P>Applications that support HSV for color selection:</P>
<UL>
<LI>Apple <A href="http://en.wikipedia.org/wiki/Mac_OS_X" title="Mac OS X">Mac OS X</A> system color picker (has a color disc for H/S and a slider for V)</LI>
<LI><A href="http://en.wikipedia.org/wiki/Xara_Xtreme" title="Xara Xtreme">Xara Xtreme</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/Blender_(software)" title="Blender (software)">Blender</A></LI>
<LI>Microsoft <A href="http://en.wikipedia.org/wiki/Windows_Aero" title="Windows Aero">Windows Aero</A> color picker (uses three horizontal bars; Hue, Saturation, and Brightness.)</LI>
<LI>PB MapInfo Pro</LI>
</UL>
<P>Applications that support HSL for color selection:</P>
<UL>
<LI>The <A href="http://en.wikipedia.org/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</A> <A href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS_3" title="Cascading Style Sheets">CSS3</A> specification</LI>
<LI><A href="http://en.wikipedia.org/wiki/Macromedia_Studio" title="Macromedia Studio" class="mw-redirect">Macromedia Studio</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</A> system color picker (including <A href="http://en.wikipedia.org/wiki/Microsoft_Paint" title="Microsoft Paint" class="mw-redirect">Microsoft Paint</A>)</LI>
<LI><A href="http://en.wikipedia.org/wiki/Paint_Shop_Pro" title="Paint Shop Pro" class="mw-redirect">Paint Shop Pro</A></LI>
<LI><A href="http://en.wikipedia.org/w/index.php?title=Chasys_Draw_IES&action=edit&redlink=1" class="new" title="Chasys Draw IES (page does not exist)">Chasys Draw IES</A></LI>
</UL>
<P>Applications that support both HSV and HSL for color selection:</P>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/Bryce_(software)" title="Bryce (software)">Bryce</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/ImageMagick" title="ImageMagick">ImageMagick</A> (refers to HSV as 'HSB')</LI>
<LI><A href="http://en.wikipedia.org/wiki/Inkscape" title="Inkscape">Inkscape</A> (HSV color selection is on the 'Wheel' tab)</LI>
<LI><A href="http://en.wikipedia.org/wiki/Pixel_image_editor" title="Pixel image editor" class="mw-redirect">Pixel image editor</A> (starting from Beta5)</LI>
<LI><A href="http://en.wikipedia.org/wiki/Pixia" title="Pixia">Pixia</A></LI>
</UL>
<P>Applications that support HSV for color selection and HSL for image color adjustment:</P>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/The_GIMP" title="The GIMP" class="mw-redirect">The GIMP</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/Paint.NET" title="Paint.NET">Paint.NET</A></LI>
<LI>Adobe graphic applications (<A href="http://en.wikipedia.org/wiki/Adobe_Illustrator" title="Adobe Illustrator">Illustrator</A>, <A href="http://en.wikipedia.org/wiki/Adobe_Photoshop" title="Adobe Photoshop">Photoshop</A>, and others)</LI>
</UL>
<DIV style="clear:both"></DIV>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=13" title="Edit section: References">edit</A>]</SPAN> <SPAN class="mw-headline" id="References">References</SPAN></H2>
<TABLE class="metadata plainlinks ambox ambox-content" style="">
<TBODY><TR>
<TD class="mbox-image">
<DIV style="width: 52px;"><A href="http://en.wikipedia.org/wiki/File:Question_book-new.svg" class="image"><IMG alt="Question book-new.svg" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/50px-Question_book-new.svg.png" width="50" height="39"></A></DIV>
</TD>
<TD class="mbox-text" style="">This article <B>needs additional <A href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources#Inline_citations" title="Wikipedia:Citing sources">citations</A> for <A href="http://en.wikipedia.org/wiki/Wikipedia:Verifiability" title="Wikipedia:Verifiability">verification</A>.</B><BR>
<SMALL>Please help <A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit" class="external text" rel="nofollow">improve this article</A> by adding <A href="http://en.wikipedia.org/wiki/Wikipedia:Reliable_sources" title="Wikipedia:Reliable sources">reliable references</A>. Unsourced material may be <A href="http://en.wikipedia.org/wiki/Template:Fact" title="Template:Fact" class="mw-redirect">challenged</A> and <A href="http://en.wikipedia.org/wiki/Wikipedia:Verifiability#Burden_of_evidence" title="Wikipedia:Verifiability">removed</A>. <SMALL><I>(June 2007)</I></SMALL></SMALL></TD>
</TR>
</TBODY></TABLE>
<DIV class="references-small references-column-count references-column-count-2" style="-moz-column-count:2; column-count:2;">
<OL class="references">
<LI id="cite_note-dip_gonzalez-0"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-dip_gonzalez_0-0">^</A></B> <SPAN class="citation book">Gonzalez, Rafael C.; Richard Eugene Woods (2007). <I><A href="http://books.google.com/books?id=8uGOnjRGEzoC&pg=PA407&lpg=PA407&dq=hsi+color&source=bl&ots=8tUjTv8--8&sig=G9zE0VHHTXi0o6_HSOniVY3mWZo&hl=en&ei=ij1ISvHRBIvUMv37lKgB&sa=X&oi=book_result&ct=result&resnum=1" class="external text" rel="nofollow">Digital Image Processing</A></I>. Prentice Hall. pp.&nbsp;407-413. <A href="http://en.wikipedia.org/wiki/Special:BookSources/013168728X" class="internal mw-magiclink-isbn">ISBN 013168728X</A>, 9780131687288<SPAN class="printonly">. <A href="http://books.google.com/books?id=8uGOnjRGEzoC&pg=PA407&lpg=PA407&dq=hsi+color&source=bl&ots=8tUjTv8--8&sig=G9zE0VHHTXi0o6_HSOniVY3mWZo&hl=en&ei=ij1ISvHRBIvUMv37lKgB&sa=X&oi=book_result&ct=result&resnum=1" class="external free" rel="nofollow">http://books.google.com/books?id=8uGOnjRGEzoC&amp;pg=PA407&amp;lpg=PA407&amp;dq=hsi+color&amp;source=bl&amp;ots=8tUjTv8--8&amp;sig=G9zE0VHHTXi0o6_HSOniVY3mWZo&amp;hl=en&amp;ei=ij1ISvHRBIvUMv37lKgB&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=1</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Digital+Image+Processing&amp;rft.aulast=Gonzalez&amp;rft.aufirst=Rafael+C.&amp;rft.au=Gonzalez%2C%26%2332%3BRafael+C.&amp;rft.au=Richard+Eugene+Woods&amp;rft.date=2007&amp;rft.pages=pp.%26nbsp%3B407-413&amp;rft.pub=Prentice+Hall&amp;rft.isbn=013168728X%2C+9780131687288&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3D8uGOnjRGEzoC%26pg%3DPA407%26lpg%3DPA407%26dq%3Dhsi%2Bcolor%26source%3Dbl%26ots%3D8tUjTv8--8%26sig%3DG9zE0VHHTXi0o6_HSOniVY3mWZo%26hl%3Den%26ei%3Dij1ISvHRBIvUMv37lKgB%26sa%3DX%26oi%3Dbook_result%26ct%3Dresult%26resnum%3D1&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-adobedoc-1"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-adobedoc_1-0">^</A></B> <SPAN class="citation web">"<A href="http://dba.med.sc.edu/price/irf/Adobe_tg/models/hsb.html" class="external text" rel="nofollow">The HSB/HLS Color Model - Color Models - Technical Guides</A>". Adobe<SPAN class="printonly">. <A href="http://dba.med.sc.edu/price/irf/Adobe_tg/models/hsb.html" class="external free" rel="nofollow">http://dba.med.sc.edu/price/irf/Adobe_tg/models/hsb.html</A></SPAN><SPAN class="reference-accessdate">. Retrieved 2009-06-29</SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.btitle=The+HSB%2FHLS+Color+Model+-+Color+Models+-+Technical+Guides&amp;rft.atitle=&amp;rft.pub=Adobe&amp;rft_id=http%3A%2F%2Fdba.med.sc.edu%2Fprice%2Firf%2FAdobe_tg%2Fmodels%2Fhsb.html&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-coltut-2"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-coltut_2-0">^</A></B> <SPAN class="citation web">Jewett, Tom (1997-2009). "<A href="http://www.tomjewett.com/colors/hsb.html" class="external text" rel="nofollow">Colors: HSB</A>"<SPAN class="printonly">. <A href="http://www.tomjewett.com/colors/hsb.html" class="external free" rel="nofollow">http://www.tomjewett.com/colors/hsb.html</A></SPAN><SPAN class="reference-accessdate">. Retrieved 2009-06-29</SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.btitle=Colors%3A+HSB&amp;rft.atitle=&amp;rft.aulast=Jewett&amp;rft.aufirst=Tom&amp;rft.au=Jewett%2C%26%2332%3BTom&amp;rft.date=1997-2009&amp;rft_id=http%3A%2F%2Fwww.tomjewett.com%2Fcolors%2Fhsb.html&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-cs2tech-3"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-cs2tech_3-0">^</A></B> <SPAN class="citation book">Willmore, Ben (2005). <I><A href="http://books.google.com/books?id=3HK6rrxHQUYC&pg=PA280&lpg=PA280&dq=adobe+lightness&source=bl&ots=tLGXO0V7ZD&sig=0M8JfJ20eJlzth_bJY9f24BFLqA&hl=en&ei=021ISomHDo-kMe7eyaYB&sa=X&oi=book_result&ct=result&resnum=9" class="external text" rel="nofollow">Adobe Photoshop CS2: studio techniques</A></I>. Adobe Press. pp.&nbsp;280. <A href="http://en.wikipedia.org/wiki/Special:BookSources/0321321898" class="internal mw-magiclink-isbn">ISBN 0321321898</A>, 9780321321893<SPAN class="printonly">. <A href="http://books.google.com/books?id=3HK6rrxHQUYC&pg=PA280&lpg=PA280&dq=adobe+lightness&source=bl&ots=tLGXO0V7ZD&sig=0M8JfJ20eJlzth_bJY9f24BFLqA&hl=en&ei=021ISomHDo-kMe7eyaYB&sa=X&oi=book_result&ct=result&resnum=9" class="external free" rel="nofollow">http://books.google.com/books?id=3HK6rrxHQUYC&amp;pg=PA280&amp;lpg=PA280&amp;dq=adobe+lightness&amp;source=bl&amp;ots=tLGXO0V7ZD&amp;sig=0M8JfJ20eJlzth_bJY9f24BFLqA&amp;hl=en&amp;ei=021ISomHDo-kMe7eyaYB&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=9</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Adobe+Photoshop+CS2%3A+studio+techniques&amp;rft.aulast=Willmore&amp;rft.aufirst=Ben&amp;rft.au=Willmore%2C%26%2332%3BBen&amp;rft.date=2005&amp;rft.pages=pp.%26nbsp%3B280&amp;rft.pub=Adobe+Press&amp;rft.isbn=0321321898%2C+9780321321893&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3D3HK6rrxHQUYC%26pg%3DPA280%26lpg%3DPA280%26dq%3Dadobe%2Blightness%26source%3Dbl%26ots%3DtLGXO0V7ZD%26sig%3D0M8JfJ20eJlzth_bJY9f24BFLqA%26hl%3Den%26ei%3D021ISomHDo-kMe7eyaYB%26sa%3DX%26oi%3Dbook_result%26ct%3Dresult%26resnum%3D9&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-4"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-4">^</A></B> <SPAN class="citation">Alvy Ray Smith (August 1978). "Color Gamut Transform Pairs". <I>Computer Graphics</I> <B>12</B> (3): 12. <A href="http://en.wikipedia.org/wiki/Digital_object_identifier" title="Digital object identifier">doi</A>:<SPAN class="neverexpand"><A href="http://dx.doi.org/10.1145%2F965139.807361" class="external text" rel="nofollow">10.1145/965139.807361</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=Color+Gamut+Transform+Pairs&amp;rft.jtitle=Computer+Graphics&amp;rft.aulast=Alvy+Ray+Smith&amp;rft.au=Alvy+Ray+Smith&amp;rft.date=August+1978&amp;rft.volume=12&amp;rft.issue=3&amp;rft.pages=12&amp;rft_id=info:doi/10.1145%2F965139.807361&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-5"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-5">^</A></B> <SPAN class="citation">Kuehni, Rolf G. (February 2002). "The early development of the Munsell system". <I>Color Research and Application</I> <B>27</B> (1): 20–27. <A href="http://en.wikipedia.org/wiki/Digital_object_identifier" title="Digital object identifier">doi</A>:<SPAN class="neverexpand"><A href="http://dx.doi.org/10.1002%2Fcol.10002" class="external text" rel="nofollow">10.1002/col.10002</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=The+early+development+of+the+Munsell+system&amp;rft.jtitle=Color+Research+and+Application&amp;rft.aulast=Kuehni&amp;rft.aufirst=Rolf+G.&amp;rft.au=Kuehni%2C%26%2332%3BRolf+G.&amp;rft.date=February+2002&amp;rft.volume=27&amp;rft.issue=1&amp;rft.pages=20%E2%80%9327&amp;rft_id=info:doi/10.1002%2Fcol.10002&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN>.</LI>
<LI id="cite_note-6"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-6">^</A></B> <SPAN class="citation web">Edward H. Adelson (2000). "<A href="http://persci.mit.edu/people/adelson/publications/gazzan.dir/gazzan.htm#section4" class="external text" rel="nofollow">Lightness Perception and Lightness Illusions – Some terminology</A>". Massachusetts Institute of Technology<SPAN class="printonly">. <A href="http://persci.mit.edu/people/adelson/publications/gazzan.dir/gazzan.htm#section4" class="external free" rel="nofollow">http://persci.mit.edu/people/adelson/publications/gazzan.dir/gazzan.htm#section4</A></SPAN><SPAN class="reference-accessdate">. Retrieved 2007-07-17</SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.btitle=Lightness+Perception+and+Lightness+Illusions+%E2%80%93+Some+terminology&amp;rft.atitle=&amp;rft.aulast=Edward+H.+Adelson&amp;rft.au=Edward+H.+Adelson&amp;rft.date=2000&amp;rft.pub=Massachusetts+Institute+of+Technology&amp;rft_id=http%3A%2F%2Fpersci.mit.edu%2Fpeople%2Fadelson%2Fpublications%2Fgazzan.dir%2Fgazzan.htm%23section4&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-7"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-7">^</A></B> <SPAN class="citation web">"<A href="http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WSfd1234e1c4b69f30ea53e41001031ab64-77e9.html" class="external text" rel="nofollow">List of Blending Modes</A>". <I>Adobe Help Resource Center</I><SPAN class="printonly">. <A href="http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WSfd1234e1c4b69f30ea53e41001031ab64-77e9.html" class="external free" rel="nofollow">http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WSfd1234e1c4b69f30ea53e41001031ab64-77e9.html</A></SPAN><SPAN class="reference-accessdate">. Retrieved 2007-11-10</SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.btitle=List+of+Blending+Modes&amp;rft.atitle=Adobe+Help+Resource+Center&amp;rft_id=http%3A%2F%2Flivedocs.adobe.com%2Fen_US%2FPhotoshop%2F10.0%2Fhelp.html%3Fcontent%3DWSfd1234e1c4b69f30ea53e41001031ab64-77e9.html&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-8"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-8">^</A></B> <SPAN class="citation book">Phil Nelson (2007). <I><A href="http://books.google.com/books?id=CELdDlJ-Zj0C&pg=PT22&dq=hsl+sphere+color&lr=&as_brr=0&ei=OoGqR8OtMqPYiQGF3ejBCQ&sig=3PHf19l1beJtnrcOBVDP8bXQub0" class="external text" rel="nofollow">The Photographer's Guide to Color Management: Professional Techniques for Consistent Results</A></I>. Amherst Media, Inc. <A href="http://en.wikipedia.org/wiki/Special:BookSources/1584282045" class="internal mw-magiclink-isbn">ISBN 1584282045</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=CELdDlJ-Zj0C&pg=PT22&dq=hsl+sphere+color&lr=&as_brr=0&ei=OoGqR8OtMqPYiQGF3ejBCQ&sig=3PHf19l1beJtnrcOBVDP8bXQub0" class="external free" rel="nofollow">http://books.google.com/books?id=CELdDlJ-Zj0C&amp;pg=PT22&amp;dq=hsl+sphere+color&amp;lr=&amp;as_brr=0&amp;ei=OoGqR8OtMqPYiQGF3ejBCQ&amp;sig=3PHf19l1beJtnrcOBVDP8bXQub0</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=The+Photographer%27s+Guide+to+Color+Management%3A+Professional+Techniques+for+Consistent+Results&amp;rft.aulast=Phil+Nelson&amp;rft.au=Phil+Nelson&amp;rft.date=2007&amp;rft.pub=Amherst+Media%2C+Inc&amp;rft.isbn=1584282045&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DCELdDlJ-Zj0C%26pg%3DPT22%26dq%3Dhsl%2Bsphere%2Bcolor%26lr%3D%26as_brr%3D0%26ei%3DOoGqR8OtMqPYiQGF3ejBCQ%26sig%3D3PHf19l1beJtnrcOBVDP8bXQub0&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-9"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-9">^</A></B> <SPAN class="citation book">Abhay Sharma (2003). <I><A href="http://books.google.com/books?id=KOyFSaUnNfMC&pg=PA79&dq=hsl+sphere+color&lr=&as_brr=0&ei=Bn-qR879LZ6GiQH85sSCBQ&sig=EOOhsvrOjw_GivtHU3j4AapVDHw" class="external text" rel="nofollow">Understanding Color Management</A></I>. Thomson Delmar Learning. <A href="http://en.wikipedia.org/wiki/Special:BookSources/1401814476" class="internal mw-magiclink-isbn">ISBN 1401814476</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=KOyFSaUnNfMC&pg=PA79&dq=hsl+sphere+color&lr=&as_brr=0&ei=Bn-qR879LZ6GiQH85sSCBQ&sig=EOOhsvrOjw_GivtHU3j4AapVDHw" class="external free" rel="nofollow">http://books.google.com/books?id=KOyFSaUnNfMC&amp;pg=PA79&amp;dq=hsl+sphere+color&amp;lr=&amp;as_brr=0&amp;ei=Bn-qR879LZ6GiQH85sSCBQ&amp;sig=EOOhsvrOjw_GivtHU3j4AapVDHw</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Understanding+Color+Management&amp;rft.aulast=Abhay+Sharma&amp;rft.au=Abhay+Sharma&amp;rft.date=2003&amp;rft.pub=Thomson+Delmar+Learning&amp;rft.isbn=1401814476&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DKOyFSaUnNfMC%26pg%3DPA79%26dq%3Dhsl%2Bsphere%2Bcolor%26lr%3D%26as_brr%3D0%26ei%3DBn-qR879LZ6GiQH85sSCBQ%26sig%3DEOOhsvrOjw_GivtHU3j4AapVDHw&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-10"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-10">^</A></B> <SPAN class="citation book">John C. Russ (2005). <I><A href="http://books.google.com/books?id=bY_eVN5PdJcC&pg=PA77&dq=hue-saturation+bi-cone+color&lr=&as_brr=0&ei=ZYKqR63LF5XEigGR2sS5Cg&sig=D0k1BrWi3iHGsFpwbtDHJpZn2nE" class="external text" rel="nofollow">Image Analysis Of Food Microstructure</A></I>. CRC Press. <A href="http://en.wikipedia.org/wiki/Special:BookSources/0849322413" class="internal mw-magiclink-isbn">ISBN 0849322413</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=bY_eVN5PdJcC&pg=PA77&dq=hue-saturation+bi-cone+color&lr=&as_brr=0&ei=ZYKqR63LF5XEigGR2sS5Cg&sig=D0k1BrWi3iHGsFpwbtDHJpZn2nE" class="external free" rel="nofollow">http://books.google.com/books?id=bY_eVN5PdJcC&amp;pg=PA77&amp;dq=hue-saturation+bi-cone+color&amp;lr=&amp;as_brr=0&amp;ei=ZYKqR63LF5XEigGR2sS5Cg&amp;sig=D0k1BrWi3iHGsFpwbtDHJpZn2nE</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Image+Analysis+Of+Food+Microstructure&amp;rft.aulast=John+C.+Russ&amp;rft.au=John+C.+Russ&amp;rft.date=2005&amp;rft.pub=CRC+Press&amp;rft.isbn=0849322413&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DbY_eVN5PdJcC%26pg%3DPA77%26dq%3Dhue-saturation%2Bbi-cone%2Bcolor%26lr%3D%26as_brr%3D0%26ei%3DZYKqR63LF5XEigGR2sS5Cg%26sig%3DD0k1BrWi3iHGsFpwbtDHJpZn2nE&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-11"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-11">^</A></B> <SPAN class="citation book">Richard Prikryl (2004). <I><A href="http://books.google.com/books?id=TDKI1V_Ph10C&pg=PA141&dq=hue-saturation++bi-conical+color&lr=&as_brr=0&ei=xoOqR8YiisyJAbLejYwB&sig=Fveiwwx3me4llIPitZ1gkjOTyqo#PPA141,M1" class="external text" rel="nofollow">Dimension Stone 2004 - New Perspectives for a Traditional Building Material</A></I>. Taylor &amp; Francis. <A href="http://en.wikipedia.org/wiki/Special:BookSources/9058096750" class="internal mw-magiclink-isbn">ISBN 9058096750</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=TDKI1V_Ph10C&pg=PA141&dq=hue-saturation++bi-conical+color&lr=&as_brr=0&ei=xoOqR8YiisyJAbLejYwB&sig=Fveiwwx3me4llIPitZ1gkjOTyqo#PPA141,M1" class="external free" rel="nofollow">http://books.google.com/books?id=TDKI1V_Ph10C&amp;pg=PA141&amp;dq=hue-saturation++bi-conical+color&amp;lr=&amp;as_brr=0&amp;ei=xoOqR8YiisyJAbLejYwB&amp;sig=Fveiwwx3me4llIPitZ1gkjOTyqo#PPA141,M1</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Dimension+Stone+2004+-+New+Perspectives+for+a+Traditional+Building+Material&amp;rft.aulast=Richard+Prikryl&amp;rft.au=Richard+Prikryl&amp;rft.date=2004&amp;rft.pub=Taylor+%26+Francis&amp;rft.isbn=9058096750&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DTDKI1V_Ph10C%26pg%3DPA141%26dq%3Dhue-saturation%2B%2Bbi-conical%2Bcolor%26lr%3D%26as_brr%3D0%26ei%3DxoOqR8YiisyJAbLejYwB%26sig%3DFveiwwx3me4llIPitZ1gkjOTyqo%23PPA141%2CM1&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-12"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-12">^</A></B> <SPAN class="citation book">Max K. Agoston (2005). <I><A href="http://books.google.com/books?id=fGX8yC-4vXUC&pg=PA303&dq=hsl+rgb+convert&lr=&as_brr=0&ei=aYOKR-nfEojuswOcoKDQBQ&sig=1s-pM0HzV34EeE8yb18RO64RVNE#PPA306,M1" class="external text" rel="nofollow">Computer Graphics and Geometric Modeling: Implementation and Algorithms</A></I>. Springer. <A href="http://en.wikipedia.org/wiki/Special:BookSources/1852338180" class="internal mw-magiclink-isbn">ISBN 1852338180</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=fGX8yC-4vXUC&pg=PA303&dq=hsl+rgb+convert&lr=&as_brr=0&ei=aYOKR-nfEojuswOcoKDQBQ&sig=1s-pM0HzV34EeE8yb18RO64RVNE#PPA306,M1" class="external free" rel="nofollow">http://books.google.com/books?id=fGX8yC-4vXUC&amp;pg=PA303&amp;dq=hsl+rgb+convert&amp;lr=&amp;as_brr=0&amp;ei=aYOKR-nfEojuswOcoKDQBQ&amp;sig=1s-pM0HzV34EeE8yb18RO64RVNE#PPA306,M1</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Computer+Graphics+and+Geometric+Modeling%3A+Implementation+and+Algorithms&amp;rft.aulast=Max+K.+Agoston&amp;rft.au=Max+K.+Agoston&amp;rft.date=2005&amp;rft.pub=Springer&amp;rft.isbn=1852338180&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DfGX8yC-4vXUC%26pg%3DPA303%26dq%3Dhsl%2Brgb%2Bconvert%26lr%3D%26as_brr%3D0%26ei%3DaYOKR-nfEojuswOcoKDQBQ%26sig%3D1s-pM0HzV34EeE8yb18RO64RVNE%23PPA306%2CM1&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
<LI id="cite_note-13"><B><A href="http://en.wikipedia.org/wiki/HSL_and_HSV#cite_ref-13">^</A></B> <SPAN class="citation book">John C. Russ (2005). <I><A href="http://books.google.com/books?id=bY_eVN5PdJcC&pg=PA78&dq=HSL+cylinder+cone&lr=&as_brr=0&ei=A5-NR_fxBIOssgPY-MHQBQ&sig=9lrQJ5l1bKALtfWMwQur9LF0MGk" class="external text" rel="nofollow">Image Analysis Of Food Microstructure</A></I>. CRC Press. <A href="http://en.wikipedia.org/wiki/Special:BookSources/0849322413" class="internal mw-magiclink-isbn">ISBN 0849322413</A><SPAN class="printonly">. <A href="http://books.google.com/books?id=bY_eVN5PdJcC&pg=PA78&dq=HSL+cylinder+cone&lr=&as_brr=0&ei=A5-NR_fxBIOssgPY-MHQBQ&sig=9lrQJ5l1bKALtfWMwQur9LF0MGk" class="external free" rel="nofollow">http://books.google.com/books?id=bY_eVN5PdJcC&amp;pg=PA78&amp;dq=HSL+cylinder+cone&amp;lr=&amp;as_brr=0&amp;ei=A5-NR_fxBIOssgPY-MHQBQ&amp;sig=9lrQJ5l1bKALtfWMwQur9LF0MGk</A></SPAN>.</SPAN><SPAN class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Image+Analysis+Of+Food+Microstructure&amp;rft.aulast=John+C.+Russ&amp;rft.au=John+C.+Russ&amp;rft.date=2005&amp;rft.pub=CRC+Press&amp;rft.isbn=0849322413&amp;rft_id=http%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DbY_eVN5PdJcC%26pg%3DPA78%26dq%3DHSL%2Bcylinder%2Bcone%26lr%3D%26as_brr%3D0%26ei%3DA5-NR_fxBIOssgPY-MHQBQ%26sig%3D9lrQJ5l1bKALtfWMwQur9LF0MGk&amp;rfr_id=info:sid/en.wikipedia.org:HSL_and_HSV"><SPAN style="display: none;">&nbsp;</SPAN></SPAN></LI>
</OL>
</DIV>
<TABLE class="metadata plainlinks ambox ambox-style" style="">
<TBODY><TR>
<TD class="mbox-image">
<DIV style="width: 52px;"><A href="http://en.wikipedia.org/wiki/File:Text_document_with_red_question_mark.svg" class="image"><IMG alt="Text document with red question mark.svg" src="./HSL and HSV - Wikipedia, the free encyclopedia_files/40px-Text_document_with_red_question_mark.svg.png" width="40" height="40"></A></DIV>
</TD>
<TD class="mbox-text" style="">This article includes a <A href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources" title="Wikipedia:Citing sources">list of references</A>, related reading or <A href="http://en.wikipedia.org/wiki/Wikipedia:External_links" title="Wikipedia:External links">external links</A>, but <B>its sources remain unclear because it lacks <A href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources#Inline_citations" title="Wikipedia:Citing sources">inline citations</A>.</B> Please <A href="http://en.wikipedia.org/wiki/Wikipedia:WikiProject_Fact_and_Reference_Check" title="Wikipedia:WikiProject Fact and Reference Check">improve</A> this article by introducing more precise citations <A href="http://en.wikipedia.org/wiki/Wikipedia:When_to_cite" title="Wikipedia:When to cite">where appropriate</A>. <SMALL><I>(June 2009)</I></SMALL></TD>
</TR>
</TBODY></TABLE>
<DIV class="references-small" style="margin-left:1.5em;">
<UL>
<LI>Raphael Gonzalez, Richard E. Woods (2002) <I>Digital Image Processing,</I> 2nd ed. Prentice Hall Press, <A href="http://en.wikipedia.org/wiki/Special:BookSources/0201180758" class="internal mw-magiclink-isbn">ISBN 0-201-18075-8</A>, p. 295.</LI>
<LI>Charles Poynton. <A href="http://www.poynton.com/notes/colour_and_gamma/ColorFAQ.html#RTFToC36" class="external text" rel="nofollow">“What are HSB and HLS?”</A> <I>Color FAQ</I>. <SPAN class="mw-formatted-date" title="2006-11-28"><A href="http://en.wikipedia.org/wiki/November_28" title="November 28">28 November</A> <A href="http://en.wikipedia.org/wiki/2006" title="2006">2006</A></SPAN>.</LI>
<LI>Donald Hearn, M. Pauline Baker (1986) <I>Computer Graphics.</I> Prentice Hall International, <A href="http://en.wikipedia.org/wiki/Special:BookSources/0131655981" class="internal mw-magiclink-isbn">ISBN 0-13-165598-1</A>, pp. 302–205.</LI>
</UL>
</DIV>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=14" title="Edit section: See also">edit</A>]</SPAN> <SPAN class="mw-headline" id="See_also">See also</SPAN></H2>
<UL>
<LI><A href="http://en.wikipedia.org/wiki/Color_theory" title="Color theory">Color theory</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/Color_wheel" title="Color wheel">Color wheel</A></LI>
<LI><A href="http://en.wikipedia.org/wiki/TSL_color_space" title="TSL color space">TSL color space</A></LI>
</UL>
<H2><SPAN class="editsection">[<A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit&section=15" title="Edit section: External links">edit</A>]</SPAN> <SPAN class="mw-headline" id="External_links">External links</SPAN></H2>
<UL>
<LI>An explanation of HSL and how it differs from RGB can be found in the <A href="http://www.w3.org/TR/css3-color/#hsl-color" class="external text" rel="nofollow">W3C's CSS3 Color Module</A>.</LI>
<LI>Formulas for converting to and from RGB can be found on <A href="http://www.easyrgb.com/math.php?MATH=M19#text19" class="external text" rel="nofollow">EasyRGB.com</A>.</LI>
<LI><A href="http://www.cs.rit.edu/~ncs/color/a_spaces.html" class="external text" rel="nofollow">Demonstrative color conversion applet</A></LI>
<LI><A href="http://demonstrations.wolfram.com/HSVColors/" class="external text" rel="nofollow">HSV Colors</A> by Hector Zenil, <A href="http://en.wikipedia.org/wiki/The_Wolfram_Demonstrations_Project" title="The Wolfram Demonstrations Project" class="mw-redirect">The Wolfram Demonstrations Project</A>.</LI>
<LI><A href="http://www.css3.info/preview/hsl/" class="external text" rel="nofollow">HSL at CSS3 . Info</A> very good and simple explanation of HSL</LI>
<LI><A href="http://beesbuzz.biz/code/hsv_color_transforms.php" class="external text" rel="nofollow">An algorithm and code for performing HSV transformations directly on RGB colors</A></LI>
<LI><A href="http://jqframework.com/jqcp" class="external text" rel="nofollow">jQuery Color Picker - jQCP</A></LI>
</UL>
<TABLE class="navbox" cellspacing="0" style="max-width:45em;;">
<TBODY><TR>
<TD style="padding:2px;">
<TABLE cellspacing="0" class="nowraplinks collapsible collapsed" style="width:100%;background:transparent;color:inherit;;" id="collapsibleTable0">
<TBODY><TR>
<TH style=";" colspan="2" class="navbox-title"><SPAN class="collapseButton">[<A id="collapseButton0" href="javascript:collapseTable(0);">show</A>]</SPAN>
<DIV style="float:left; width:6em;text-align:left;">
<DIV class="noprint plainlinks navbar" style="background:none; padding:0; font-weight:normal;;;border:none;; font-size:xx-small;"><A href="http://en.wikipedia.org/wiki/Template:Color_space" title="Template:Color space"><SPAN title="View this template" style=";;border:none;">v</SPAN></A>&nbsp;<SPAN style="font-size:80%;">•</SPAN>&nbsp;<A href="http://en.wikipedia.org/wiki/Template_talk:Color_space" title="Template talk:Color space"><SPAN title="Discuss this template" style=";;border:none;">d</SPAN></A>&nbsp;<SPAN style="font-size:80%;">•</SPAN>&nbsp;<A href="http://en.wikipedia.org/w/index.php?title=Template:Color_space&action=edit" class="external text" rel="nofollow"><SPAN title="Edit this template" style=";;border:none;;">e</SPAN></A></DIV>
</DIV>
<SPAN class="" style="font-size:110%;"><A href="http://en.wikipedia.org/wiki/Color_space" title="Color space">Color space</A></SPAN></TH>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-abovebelow" style=";" colspan="2"><A href="http://en.wikipedia.org/wiki/List_of_color_spaces_and_their_uses" title="List of color spaces and their uses">List of color spaces</A><SPAN style="font-weight:bold;">&nbsp;·</SPAN> <A href="http://en.wikipedia.org/wiki/Color_model" title="Color model">Color models</A></TD>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-group" style=";;"><A href="http://en.wikipedia.org/wiki/International_Commission_on_Illumination" title="International Commission on Illumination">CIE</A></TD>
<TD style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;;;" class="navbox-list navbox-odd">
<DIV style="padding:0em 0.25em">
<DIV>
<P><SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/CIE_1931_color_space" title="CIE 1931 color space">XYZ</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Lab_color_space" title="Lab color space">L*a*b*</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/CIELUV_color_space" title="CIELUV color space">L*u*v*</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/CIE_1960_color_space" title="CIE 1960 color space">Yuv</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/CIE_1964_color_space" title="CIE 1964 color space">U*V*W*</A></SPAN></P>
</DIV>
</DIV>
</TD>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-group" style=";;"><A href="http://en.wikipedia.org/wiki/RGB_color_model" title="RGB color model">RGB</A></TD>
<TD style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;;;" class="navbox-list navbox-even">
<DIV style="padding:0em 0.25em">
<DIV>
<P><SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/RGB_color_space" title="RGB color space">color spaces</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/SRGB" title="SRGB">sRGB</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Adobe_RGB_color_space" title="Adobe RGB color space">Adobe</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Adobe_Wide_Gamut_RGB_color_space" title="Adobe Wide Gamut RGB color space">Adobe Wide Gamut</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/ProPhoto_RGB_color_space" title="ProPhoto RGB color space">ProPhoto</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/ScRGB_color_space" title="ScRGB color space" class="mw-redirect">scRGB</A></SPAN></P>
</DIV>
</DIV>
</TD>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-group" style=";;"><A href="http://en.wikipedia.org/wiki/YUV" title="YUV">YUV</A></TD>
<TD style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;;;" class="navbox-list navbox-odd">
<DIV style="padding:0em 0.25em">
<DIV>
<P><SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/YUV" title="YUV">YUV</A> <SMALL>(<A href="http://en.wikipedia.org/wiki/PAL" title="PAL">PAL</A>)</SMALL>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/YDbDr" title="YDbDr">YDbDr</A> <SMALL>(<A href="http://en.wikipedia.org/wiki/SECAM" title="SECAM">SECAM</A>)</SMALL>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/YIQ" title="YIQ">YIQ</A> <SMALL>(<A href="http://en.wikipedia.org/wiki/NTSC" title="NTSC">NTSC</A>)</SMALL>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/YCbCr" title="YCbCr">YCbCr</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/YPbPr" title="YPbPr">YPbPr</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/XvYCC" title="XvYCC">xvYCC</A></SPAN></P>
</DIV>
</DIV>
</TD>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-group" style=";;">Other</TD>
<TD style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px;;;" class="navbox-list navbox-even">
<DIV style="padding:0em 0.25em">
<DIV>
<P><SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/LMS_color_space" title="LMS color space">LMS</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><STRONG class="selflink">HSL, HSV</STRONG>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/CMYK_color_model" title="CMYK color model">CMYK</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Hexachrome" title="Hexachrome">Hexachrome</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/RYB_color_model" title="RYB color model">RYB</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Munsell_color_system" title="Munsell color system">Munsell</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Natural_Color_System" title="Natural Color System">NCS</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Pantone" title="Pantone">Pantone</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/RAL_(color_space_system)" title="RAL (color space system)">RAL</A><BR>
<A href="http://en.wikipedia.org/wiki/OSA-UCS" title="OSA-UCS">OSA-UCS</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/Coloroid" title="Coloroid">Coloroid</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/wiki/RG_color_space" title="RG color space">RG</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=Ostwald_color_system&action=edit&redlink=1" class="new" title="Ostwald color system (page does not exist)">Ostwald</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=DIN_color_chart&action=edit&redlink=1" class="new" title="DIN color chart (page does not exist)">DIN</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=Practical_Color_Coordinate_System&action=edit&redlink=1" class="new" title="Practical Color Coordinate System (page does not exist)">PCCS</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=ABC_Tone_System&action=edit&redlink=1" class="new" title="ABC Tone System (page does not exist)">ABC</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=Designer%27s_Color_Atlas&action=edit&redlink=1" class="new" title="Designer&#39;s Color Atlas (page does not exist)">DCA</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=JIS_Z8102&action=edit&redlink=1" class="new" title="JIS Z8102 (page does not exist)">JIS Z8102</A>&nbsp;<B>·</B></SPAN> <SPAN style="white-space:nowrap"><A href="http://en.wikipedia.org/w/index.php?title=ISCC-NBS&action=edit&redlink=1" class="new" title="ISCC-NBS (page does not exist)">ISCC-NBS</A> <A href="http://en.wikipedia.org/wiki/Imaginary_color" title="Imaginary color">Imaginary color</A></SPAN></P>
</DIV>
</DIV>
</TD>
</TR>
<TR style="height: 2px; display: none; ">
<TD>
</TR>
<TR style="display: none; ">
<TD class="navbox-abovebelow" style=";" colspan="2">See <A href="http://en.wikipedia.org/wiki/Template:Color_vision" title="Template:Color vision">color vision</A> for the vision capacities of organisms or machines.</TD>
</TR>
</TBODY></TABLE>
</TD>
</TR>
</TBODY></TABLE>


<!-- 
NewPP limit report
Preprocessor node count: 8925/1000000
Post-expand include size: 101882/2048000 bytes
Template argument size: 41019/2048000 bytes
Expensive parser function count: 4/500
-->

<!-- Saved in parser cache with key enwiki:pcache:idhash:252814-0!1!0!default!!en!2 and timestamp 20091023162230 -->
<DIV class="printfooter">
Retrieved from "<A href="http://en.wikipedia.org/wiki/HSL_and_HSV">http://en.wikipedia.org/wiki/HSL_and_HSV</A>"</DIV>
			<DIV id="catlinks" class="catlinks"><DIV id="mw-normal-catlinks"><A href="http://en.wikipedia.org/wiki/Special:Categories" title="Special:Categories">Categories</A>: <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:Color_space" title="Category:Color space">Color space</A></SPAN></DIV><DIV id="mw-hidden-catlinks" class="mw-hidden-cats-hidden">Hidden categories: <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:Articles_lacking_sources_from_August_2009" title="Category:Articles lacking sources from August 2009">Articles lacking sources from August 2009</A></SPAN> | <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:All_articles_lacking_sources" title="Category:All articles lacking sources">All articles lacking sources</A></SPAN> | <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:Articles_to_be_expanded_from_May_2008" title="Category:Articles to be expanded from May 2008">Articles to be expanded from May 2008</A></SPAN> | <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:All_articles_to_be_expanded" title="Category:All articles to be expanded">All articles to be expanded</A></SPAN> | <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:Articles_needing_additional_references_from_June_2007" title="Category:Articles needing additional references from June 2007">Articles needing additional references from June 2007</A></SPAN> | <SPAN dir="ltr"><A href="http://en.wikipedia.org/wiki/Category:Articles_lacking_in-text_citations_from_June_2009" title="Category:Articles lacking in-text citations from June 2009">Articles lacking in-text citations from June 2009</A></SPAN></DIV></DIV>			<!-- end content -->
						<DIV class="visualClear"></DIV>
		</DIV>
	</DIV>
		</DIV>
		<DIV id="column-one">
	<DIV id="p-cactions" class="portlet">
		<H5>Views</H5>
		<DIV class="pBody">
			<UL lang="en" xml:lang="en">
	
				 <LI id="ca-nstab-main" class="selected"><A href="http://en.wikipedia.org/wiki/HSL_and_HSV" title="View the content page [alt-c]" accesskey="c">Article</A></LI>
				 <LI id="ca-talk"><A href="http://en.wikipedia.org/wiki/Talk:HSL_and_HSV" title="Discussion about the content page [alt-t]" accesskey="t">Discussion</A></LI>
				 <LI id="ca-edit"><A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=edit" title="You can edit this page. 
Please use the preview button before saving. [alt-e]" accesskey="e">Edit this page</A></LI>
				 <LI id="ca-history"><A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&action=history" title="Past versions of this page [alt-h]" accesskey="h">History</A></LI>			</UL>
		</DIV>
	</DIV>
	<DIV class="portlet" id="p-personal">
		<H5>Personal tools</H5>
		<DIV class="pBody">
			<UL lang="en" xml:lang="en">
				<LI id="pt-optin-try"><A href="http://en.wikipedia.org/w/index.php?title=Special:UsabilityInitiativeOptIn&from=HSL_and_HSV" title="Try out new features" class="no-text-transform">Try Beta</A></LI>
				<LI id="pt-login"><A href="http://en.wikipedia.org/w/index.php?title=Special:UserLogin&returnto=HSL_and_HSV" title="You are encouraged to log in; however, it is not mandatory. [alt-o]" accesskey="o">Log in / create account</A></LI>
			</UL>
		</DIV>
	</DIV>
	<DIV class="portlet" id="p-logo">
		<A style="background-image: url(http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png);" href="http://en.wikipedia.org/wiki/Main_Page" title="Visit the main page"></A>
	</DIV>
	<SCRIPT type="text/javascript"> if (window.isMSIE55) fixalpha(); </SCRIPT>
	<DIV class="generated-sidebar portlet" id="p-navigation">
		<H5 lang="en" xml:lang="en">Navigation</H5>
		<DIV class="pBody">
			<UL>
				<LI id="n-mainpage-description"><A href="http://en.wikipedia.org/wiki/Main_Page" title="Visit the main page [alt-z]" accesskey="z">Main page</A></LI>
				<LI id="n-contents"><A href="http://en.wikipedia.org/wiki/Portal:Contents" title="Guides to browsing Wikipedia">Contents</A></LI>
				<LI id="n-featuredcontent"><A href="http://en.wikipedia.org/wiki/Portal:Featured_content" title="Featured content &mdash; the best of Wikipedia">Featured content</A></LI>
				<LI id="n-currentevents"><A href="http://en.wikipedia.org/wiki/Portal:Current_events" title="Find background information on current events">Current events</A></LI>
				<LI id="n-randompage"><A href="http://en.wikipedia.org/wiki/Special:Random" title="Load a random article [alt-x]" accesskey="x">Random article</A></LI>
			</UL>
		</DIV>
	</DIV>
	<DIV id="p-search" class="portlet">
		<H5 lang="en" xml:lang="en"><LABEL for="searchInput">Search</LABEL></H5>
		<DIV id="searchBody" class="pBody">
			<FORM action="http://en.wikipedia.org/w/index.php" id="searchform">
				<INPUT type="hidden" name="title" value="Special:Search">
				<INPUT id="searchInput" title="Search Wikipedia" accesskey="f" value="" name="search" autocomplete="off">
				<INPUT type="submit" name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if one exists">&nbsp;
				<INPUT type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search Wikipedia for this text">
			</FORM>
		</DIV>
	</DIV>
	<DIV class="generated-sidebar portlet" id="p-interaction">
		<H5 lang="en" xml:lang="en">Interaction</H5>
		<DIV class="pBody">
			<UL>
				<LI id="n-aboutsite"><A href="http://en.wikipedia.org/wiki/Wikipedia:About" title="Find out about Wikipedia">About Wikipedia</A></LI>
				<LI id="n-portal"><A href="http://en.wikipedia.org/wiki/Wikipedia:Community_portal" title="About the project, what you can do, where to find things">Community portal</A></LI>
				<LI id="n-recentchanges"><A href="http://en.wikipedia.org/wiki/Special:RecentChanges" title="The list of recent changes in the wiki [alt-r]" accesskey="r">Recent changes</A></LI>
				<LI id="n-contact"><A href="http://en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia">Contact Wikipedia</A></LI>
				<LI id="n-sitesupport"><A href="http://wikimediafoundation.org/wiki/Donate/Now/en?utm_source=donate&utm_medium=sidebar&utm_campaign=spontaneous_donation" title="Support us">Donate to Wikipedia</A></LI>
				<LI id="n-help"><A href="http://en.wikipedia.org/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia">Help</A></LI>
			</UL>
		</DIV>
	</DIV>
	<DIV class="portlet" id="p-tb">
		<H5 lang="en" xml:lang="en">Toolbox</H5>
		<DIV class="pBody">
			<UL>
				<LI id="t-whatlinkshere"><A href="http://en.wikipedia.org/wiki/Special:WhatLinksHere/HSL_and_HSV" title="List of all English Wikipedia pages containing links to this page [alt-j]" accesskey="j">What links here</A></LI>
				<LI id="t-recentchangeslinked"><A href="http://en.wikipedia.org/wiki/Special:RecentChangesLinked/HSL_and_HSV" title="Recent changes in pages linked from this page [alt-k]" accesskey="k">Related changes</A></LI>
<LI id="t-upload"><A href="http://en.wikipedia.org/wiki/Wikipedia:Upload" title="Upload files [alt-u]" accesskey="u">Upload file</A></LI>
<LI id="t-specialpages"><A href="http://en.wikipedia.org/wiki/Special:SpecialPages" title="List of all special pages [alt-q]" accesskey="q">Special pages</A></LI>
				<LI id="t-print"><A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&printable=yes" rel="alternate" title="Printable version of this page [alt-p]" accesskey="p">Printable version</A></LI>				<LI id="t-permalink"><A href="http://en.wikipedia.org/w/index.php?title=HSL_and_HSV&oldid=321595626" title="Permanent link to this revision of the page">Permanent link</A></LI><LI id="t-cite"><A href="http://en.wikipedia.org/w/index.php?title=Special:Cite&page=HSL_and_HSV&id=321595626" title="Information on how to cite this page">Cite this page</A></LI>			</UL>
		</DIV>
	</DIV>
	<DIV id="p-lang" class="portlet">
		<H5 lang="en" xml:lang="en">Languages</H5>
		<DIV class="pBody">
			<UL>
				<LI class="interwiki-cs"><A href="http://cs.wikipedia.org/wiki/HSV">Česky</A></LI>
				<LI class="interwiki-de"><A href="http://de.wikipedia.org/wiki/HSV-Farbraum">Deutsch</A></LI>
				<LI class="interwiki-es"><A href="http://es.wikipedia.org/wiki/Modelo_de_color_HSV">Español</A></LI>
				<LI class="interwiki-fr"><A href="http://fr.wikipedia.org/wiki/Teinte_Saturation_Valeur">Français</A></LI>
				<LI class="interwiki-gl"><A href="http://gl.wikipedia.org/wiki/HSV">Galego</A></LI>
				<LI class="interwiki-ko"><A href="http://ko.wikipedia.org/wiki/HSV_%EC%83%89_%EA%B3%B5%EA%B0%84">한국어</A></LI>
				<LI class="interwiki-it"><A href="http://it.wikipedia.org/wiki/Hue_Saturation_Brightness">Italiano</A></LI>
				<LI class="interwiki-lt"><A href="http://lt.wikipedia.org/wiki/ACC">Lietuvių</A></LI>
				<LI class="interwiki-nl"><A href="http://nl.wikipedia.org/wiki/HSV_(kleurruimte)">Nederlands</A></LI>
				<LI class="interwiki-no"><A href="http://no.wikipedia.org/wiki/HSL">‪Norsk (bokmål)‬</A></LI>
				<LI class="interwiki-ja"><A href="http://ja.wikipedia.org/wiki/HSV%E8%89%B2%E7%A9%BA%E9%96%93">日本語</A></LI>
				<LI class="interwiki-pl"><A href="http://pl.wikipedia.org/wiki/HSV_(grafika)">Polski</A></LI>
				<LI class="interwiki-pt"><A href="http://pt.wikipedia.org/wiki/HSV">Português</A></LI>
				<LI class="interwiki-ru"><A href="http://ru.wikipedia.org/wiki/HSV_(%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C)">Русский</A></LI>
				<LI class="interwiki-simple"><A href="http://simple.wikipedia.org/wiki/Color_wheel">Simple English</A></LI>
				<LI class="interwiki-sl"><A href="http://sl.wikipedia.org/wiki/Barvni_model_HSV">Slovenščina</A></LI>
				<LI class="interwiki-fi"><A href="http://fi.wikipedia.org/wiki/HSV">Suomi</A></LI>
				<LI class="interwiki-sv"><A href="http://sv.wikipedia.org/wiki/NMI">Svenska</A></LI>
				<LI class="interwiki-vi"><A href="http://vi.wikipedia.org/wiki/Kh%C3%B4ng_gian_m%C3%A0u_HSB">Tiếng Việt</A></LI>
				<LI class="interwiki-tr"><A href="http://tr.wikipedia.org/wiki/HSV_renk_uzay%C4%B1">Türkçe</A></LI>
				<LI class="interwiki-zh"><A href="http://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4">中文</A></LI>
			</UL>
		</DIV>
	</DIV>
		</DIV><!-- end of the left (by default at least) column -->
			<DIV class="visualClear"></DIV>
			<DIV id="footer">
				<DIV id="f-poweredbyico"><A href="http://www.mediawiki.org/"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki"></A></DIV>
				<DIV id="f-copyrightico"><A href="http://wikimediafoundation.org/"><IMG src="./HSL and HSV - Wikipedia, the free encyclopedia_files/wikimedia-button.png" width="88" height="31" alt="Wikimedia Foundation"></A></DIV>
			<UL id="f-list">
					<LI id="lastmod"> This page was last modified on 23 October 2009 at 16:21.</LI>
					<LI id="copyright">Text is available under the <A rel="license" href="http://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License">Creative Commons Attribution-ShareAlike License</A><A rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" style="display:none;"></A>;
additional terms may apply.
See <A href="http://wikimediafoundation.org/wiki/Terms_of_Use">Terms of Use</A> for details.<BR>
Wikipedia® is a registered trademark of the <A href="http://www.wikimediafoundation.org/">Wikimedia Foundation, Inc.</A>, a non-profit organization.</LI>
					<LI id="privacy"><A href="http://wikimediafoundation.org/wiki/Privacy_policy" title="wikimedia:Privacy policy">Privacy policy</A></LI>
					<LI id="about"><A href="http://en.wikipedia.org/wiki/Wikipedia:About" title="Wikipedia:About">About Wikipedia</A></LI>
					<LI id="disclaimer"><A href="http://en.wikipedia.org/wiki/Wikipedia:General_disclaimer" title="Wikipedia:General disclaimer">Disclaimers</A></LI>
			</UL>
		</DIV>
</DIV>

<SCRIPT type="text/javascript">if (window.runOnloadHook) runOnloadHook();</SCRIPT>
<!-- Served by srv147 in 0.050 secs. -->
</BODY></HTML>